<template>
    <div class="head">
        <div class="header">
            <Logo></Logo>
            <Tap></Tap>
            <MyInput></MyInput>
            <User></User>
        </div>
    </div>
</template>

<script>
    import Logo from "./Logo"
    import MyInput from "./MyInput"
    import User from "./User"
    import Tap from "./Tap"
    export default {
        name: "MyHead",
        components:{
            Logo,
            MyInput,
            User,
            Tap
        }
    }
</script>

<style scoped>
    .head {
        background-color: white;
    }
    .header {
        margin: auto;
        max-width: 1200px;
        min-width: 1200px;
        height: 106px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
</style>